.nav{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
    position: relative;
    width: 100%;
    height: 50px;
    background: black;
    border-bottom: 2px solid yellow;
    .search{
        position: absolute;
        top: 10px;
        left: 300px;
        input{
            border: 2px solid yellow;
            border-radius: 15px;
            color: yellow;
            padding-left: 40px;
            background: rgba($color: #00000000, $alpha: 0.0);
        }
        input:focus{
            outline: none;
        }
        ::-webkit-input-placeholder{
            color: yellow;
        }
        .anticon-search{
            position: absolute;
            left: 10px;
            top: 5px;
            color: yellow;
            font-size: 20px;
        }
        
    }
    .back_foward{
        position: absolute;
        top: 9px;
        left: 195px;
        .anticon-left,.anticon-right{
            text-align: center;
            font-size: 20px;
            padding: 3px;
            border: 2px solid yellow;
            border-radius: 50%;
        }
    }
}
.logo{
    margin-left: 20px;
    width: 85px;
    height: 50px;
    background: url(../../../public/img/copyright.3d49bec2c63006494845.png) no-repeat -196px -40px;
    background-size: cover;
    background-size: 500%;
}